<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML5新增的多媒体标签</title>
    <style>
        video {
            width: 100%;
        }
    </style>
</head>
<body>
    <video src="media/mi.mp4" autoplay="autoplay" muted="muted" controls="controls" loop="loop" poster="media/mi9.jpg"></video>
</body>
</html>
<!-- 最好用MP4格式 -->
<!-- 
    属性            值               描述
    autoplay        autoplay         视频就绪自动播放（谷歌浏览器需要添加muted来解决自动播放问题）
    controls        controls          向用户显示播放控件
    width           width            设置播放器宽度
    height           height            设置播放器高度
    loop            loop              播放完是否继续播放该视频，循环播放
    preload         auto(预先加载视频)   规定是否预加载视频（如果有了autoplay 就忽略该属性）
                    none（不应加载视频） 
    src             url               视频url地址
    poster          poster           加载等待的画面图片
    muted           muted             静音播放
 -->